<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>028-feOffset-偏移一个矩形，然后混合偏移图像顶部</title>
</head>

<body>
    <p><b>Note: </b>Internet Explorer and Safari do not support SVG filters yet!</p>

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
        <defs>
            <filter id="filter" x="0" y="0">
                <feGaussianBlur stdDeviation="5" />
                <feOffset dx="5" dy="5" />
            </filter>
        </defs>
        <rect width="90" height="90" fill="grey" filter="url(#filter)" />
        <rect width="90" height="90" fill="yellow" stroke="black" />
    </svg>
</body>

</html>